<template>
  <div class="home">
    主页组件
    <h1>城市：{{$route.query.city}}</h1>
    <h1>名字：{{$route.params.myname}}</h1>
    <h1>年龄：{{$route.params.age}}</h1>
  </div>
</template>

<script>
export default {
  name: 'HomeView',
  data(){
    return {
        cname:"",
        cid:""
    }
  },
  created(){
    // vue路由 用query传递 用query接受
    // 用params 传递 用params接受
    // 接受参数
    console.log(this.$route.query,"-=---")
    this.cid=this.$route.query.id;
    this.cname=this.$route.query.city;
  },
  mounted(){
    console.log(this.$route.params,"params传来的参数")
  }
}
</script>
